import React from 'react'
import { Redirect, Route, Switch } from 'react-router';
import { useState } from 'react'

import { Layout, Menu, Breadcrumb } from 'antd';


import LeftNav from '../../components/LeftNav'
import Header from '../../components/Header'

import Up from './up'

const { Content, Footer, Sider } = Layout;

function Admin(props) {
    const [collapsed, setCollapsed] = useState(false)





    return (
        <div>
            <Layout style={{ minHeight: '100vh' }}>
                <Sider collapsible collapsed={collapsed} onCollapse={(collapsed) => setCollapsed(collapsed)}>
                    <LeftNav />
                </Sider>
                <Layout className="site-layout">
                    <Header />


                    <Content style={{ margin: '0 16px' }}>
                        <Breadcrumb style={{ margin: '16px 0' }}>
                            <Breadcrumb.Item>User</Breadcrumb.Item>
                            <Breadcrumb.Item>Bill</Breadcrumb.Item>
                        </Breadcrumb>
                        <div className="site-layout-background" style={{ padding: 24, minHeight: 360 }}>
                            <h2>上传</h2>
                            <Up />
                        </div>
                    </Content>


                    <Footer style={{ textAlign: 'center', color: "#ccc" }}>
                        推荐使用谷歌浏览器，可以获得更佳页面操作体验
                    </Footer>
                </Layout>
            </Layout>
        </div>
    )
}

export default () => <Admin />;